:root {
  /** 全局 */
  --el-color-primary: #5473e8;
  --el-color-primary-light-3: #5473e8;
  --el-color-primary-light-5: #6a84e2;
  --el-color-primary-light-7: #839aed;
  --el-color-primary-light-8: #99b6f2;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #839aed;
  --v3-body-bg-color: #f2f3f5;
  /** Header */
  --v3-header-height: calc(var(--v3-navigationbar-height) + var(--v3-tagsview-height));
  /** NavigationBar */
  --v3-navigationbar-height: 40px;
  /** Sidebar */
  --v3-sidebar-width: 220px;
  --v3-sidebar-hide-width: 58px;
  --v3-sidebar-menu-item-height: 50px;
  --v3-sidebar-menu-tip-line-bg-color: #fff;
  /* --v3-sidebar-menu-bg-color: #001428; #5478E8*/
  --v3-sidebar-menu-bg-color: #252E55;
  --v3-sidebar-menu-expand-bg-color: #333B60;
  --v3-sidebar-menu-active-bg-color: var(--el-color-primary);
  --v3-sidebar-menu-hover-bg-color: var(--el-color-primary-light-7);
  --v3-sidebar-menu-text-color: #c0c4cc;
  --v3-sidebar-menu-active-text-color: #ffffff;
  /** SidebarLogo */
  --v3-sidebarlogo-bg-color: #252E55;
  /** TagsView */
  --v3-tagsview-height: 34px;
  --v3-tagsview-tag-text-color: #495060;
  --v3-tagsview-tag-active-text-color: #ffffff;
  --v3-tagsview-tag-bg-color: #ffffff;
  --v3-tagsview-tag-active-bg-color: var(--el-color-primary);
  --v3-tagsview-tag-border-radius: 2px;
  --v3-tagsview-tag-border-color: #d8dce5;
  --v3-tagsview-tag-active-border-color: var(--el-color-primary);
  --v3-tagsview-tag-active-before-color: #ffffff;
  --v3-tagsview-tag-icon-hover-bg-color: #00000030;
  --v3-tagsview-tag-icon-hover-color: #ffffff;
  /** RightPanel  */
  --v3-rightpanel-button-bg-color: #001428;
}
